﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>生态监测综合管理平台</title>
    <link rel="stylesheet" type="text/css" href="public/stylesheets/index.css">
    <link rel="stylesheet" type="text/css" href="public/stylesheets/style.css">
    <link rel="stylesheet" type="text/css" media="screen" href="public/stylesheets/applenav/dock-example1.css">
    <link rel="stylesheet" type="text/css" href="public/stylesheets/banner/jquery.slider.css" />
    <link rel="stylesheet" type="text/css" href="public/stylesheets/font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" type="text/css" href="public/stylesheets/font-awesome-4.7.0/css/font-awesome.min.css">

    <script type="text/javascript">
        var dojoConfig = {
            baseUrl: "public/javascripts/",
            tlmSiblingOfDojo: false,
            //packages: [
                //{ "name": "jquery", "location": 'modules', main: 'jquery-3.3.1.min' },
            //    { "name": "axios", "location": "modules", main: "axios.min" },
            //],
            paths: {
                'axios': 'modules/axios.min',
                'jquery': 'modules/jquery-3.3.1.min',
                'jquery.cookie': 'modules/jquery.cookie'
            },
            shim: {
                'jquery.cookie': { 'deps': ['jquery'] }
            }
        };
    </script>
    <script data-dojo-config="async: true" src="public/javascripts/dojo.js"></script>
    
    <script type="text/javascript" src="public/javascripts/jquery-3.3.1.min.js"></script>

    <script type="text/javascript" src="public/javascripts/function.js"></script>
    <script type="text/javascript" src="public/javascripts/index.js"></script>

    <script type="text/javascript" src="public/javascripts/applenav/fisheye-iutil.js"></script>
    <script type="text/javascript" src="public/javascripts/applenav/dock-example1.js"></script>
    <script type="text/javascript" src="public/javascripts/banner/jquery.slider.js"></script>
    
</head>
<body>    <!-- 头部 -->
    <div class="head">
        <!-- logo -->
        <!-- <div class="logo">	
            <img src="public/images/logo.png" alt="">
        </div> -->
        <!-- 标题 -->
        <div class="test" style="width:100%;margin:0 auto;">
            <div class="slider" style="height: 100px;">
                <div><a href="#"><img style="width:100%; height:100%" src="public/images/index/banner1.jpg" alt=""></a></div>
                <div><a href="#"><img style="width:100%; height:100%" src="public/images/index/banner2.jpg" alt=""></a></div>
                <div><a href="#"><img style="width:100%; height:100%" src="public/images/index/banner3.jpg" alt=""></a></div>
                <div><a href="#"><img style="width:100%; height:100%" src="public/images/index/banner4.jpg" alt=""></a></div>
                <div><a href="#"><img style="width:100%; height:100%" src="public/images/index/banner5.jpg" alt=""></a></div>
            </div>
            <div style="z-index: 200; position: absolute;top: 0; text-align: center; width: 100%">
                <span class="test_title" style="width: 100%;"><img style="width: 30%;" src="public/images/login/title.png" alt="placeholder+image"></span>
                <span class="test_title_E" style="width: 100%;"><img style="width: 35%;" src="public/images/index/title2.png" alt="placeholder+image"></span><!-- Comprehensive management platform for ecological monitoring -->
            </div>
        </div>

    </div>
    <div class="body">
        <!-- 系统页面 -->
        <div id="body-left" class="body-left" style="display: none;">
            <div class="title">
                <img src="public/images/index/XT-title.png" alt="">
            </div>

            <div class="ZXT-button HLSJYG-top">
                <!-- <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
        <span>海量数据遥感</span> -->
                <img id="id-rs" src="public/images/index/HLSJYG.png" alt="">
            </div>
            <div class="ZXT-button">
                <!-- <i class="fa fa-leaf" aria-hidden="true"></i>
        <span>物种数据库管理</span> -->
                <img id="id-species" src="public/images/index/WZSJKGL.png" alt="">
            </div>
            <div class="ZXT-button">
                <!-- <i class="fa fa-share-alt" aria-hidden="true"></i>
        <span>生态地面监测</span> -->
                <img id="id-ground" src="public/images/index/STDMJC.png" alt="">
            </div>
            <div class="ZXT-button">
                <!-- <i class="fa fa-pie-chart" aria-hidden="true"></i>
        <span>遥感监测管理</span> -->
                <img id="id-rsm" src="public/images/index/YGJCGL.png" alt="">
            </div>
            <div class="ZXT-button">
                <!-- <i class="fa fa-snowflake-o" aria-hidden="true"></i>
        <span>自然保护管理</span> -->
                <img id="id-natural" src="public/images/index/ZYBHQ.png" alt="">
            </div>
            <div class="ZXT-button">
                <!-- <i class="fa fa-viadeo" aria-hidden="true"></i>
        <span>生物多样性</span> -->
                <img id="id-bio" src="public/images/index/SWDYX.png" alt="">
            </div>
            <div class="ZXT-button">
                <!-- <i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i>
        <span>现与考核</span> -->
                <img id="id-check" src="public/images/index/XYKH.png" alt="">
            </div>
            <div class="ZXT-button">
                <!-- <i class="fa fa-star-half-o" aria-hidden="true"></i>
        <span>生态红线</span> -->
                <img src="public/images/index/STHX.png" alt="">
            </div>
            <div class="ZXT-button">
                <!-- <i class="fa fa-cogs" aria-hidden="true"></i>
        <span>平台运维管理</span> -->
                <img src="public/images/index/PTYWGL.png" alt="">
            </div>
        </div>
        <div id="body-right" class="body-right" style="position: relative;">
            <!-- BEGIN DOCK 1 ============================================================ -->
            
                <div class="current-demo PAGE STDMJC_PAGE" style="background: #dac3ec; width: 99.8%; height: 100%; position: absolute; top: 0; left: 0;">
                    
                </div>
                <div class="current-demo PAGE YGJC_PAGE" style="background: #ecd0c3; width: 0%; height: 0%;  position: absolute; top: 0; left: 0;">
                    
                </div>
                <div class="current-demo PAGE ZRBHQ_PAGE" style="background: #faaf05; width: 0%; height: 0%;  position: absolute; top: 0; left: 0;">
                    
                </div>
                <div class="current-demo PAGE SWDYX_PAGE" style="background: #05c2fa; width: 0%; height: 0%;  position: absolute; top: 0; left: 0;">
                    
                </div>
                <div class="current-demo PAGE XYKH_PAGE" style="background: #a6e3c4; width: 0%; height: 0%;  position: absolute; top: 0; left: 0;">
                    
                </div>
                <div class="current-demo PAGE XYKH_STHX" style="background: #ecc3cc; width: 0%; height: 0%;  position: absolute; top: 0; left: 0;">
                    
                </div>
                <div id="dock" style="position: absolute; bottom: 0px; width: 99.8%; height: 30px;">
                    <div class="dock-container">
                        <a href="#page-2" id="STDMJC_PAGE" class="dock-item"><span>生态地面监测</span><img src="public/images/index/NAV-STDMJC.png" alt="home" /></a> 
                        <a href="#page-2" id="YGJC_PAGE" class="dock-item"><span>遥感监测</span><img src="public/images/index/NAV-YGJCGL.png" alt="contact" /></a> 
                        <a href="#page-2" id="ZRBHQ_PAGE" class="dock-item"><span>自然保护区</span><img src="public/images/index/NAV-ZRBHQGL.png" alt="portfolio" /></a> 
                        <a href="#page-2" id="SWDYX_PAGE" class="dock-item"><span>生物多样性</span><img src="public/images/index/NAV-SWDYX.png" alt="music" /></a> 
                        <a href="#page-2" id="XYKH_PAGE" class="dock-item"><span>县域考核</span><img src="public/images/index/NAV-XYKH.png"" alt="video" /></a> 
                        <a href="#page-2" id="XYKH_STHX" class="dock-item"><span>生态红线</span><img src="public/images/index/NAV-STHX.png" alt="history" /></a> 
                        <!-- <a class="dock-item" href="#"><span>Calendar</span><img src="public/images/applenav/calendar.png" alt="calendar" /></a> 
                        <a class="dock-item" href="#"><span>Links</span><img src="public/images/applenav/link.png" alt="links" /></a> 
                        <a class="dock-item" href="#"><span>县域考核</span><img src="public/images/index/NAV-XYKH.png" alt="rss" /></a> 
                        <a class="dock-item" href="#"><span>RSS2</span><img src="public/images/applenav/rss2.png" alt="rss" /></a>  -->
                    </div>
                </div>
        <!-- END DOCK 1 ============================================================ -->

        </div>
        <!-- 控制左菜单显示隐藏条               开始-->
        <div class="body-left-toggle body-left-show">
            <i class="fa fa-angle-double-right" aria-hidden="true"></i>
        </div>
        <div class="body-left-toggle body-left-hide" style="display: none;">
            <i class="fa fa-angle-double-left" aria-hidden="true"></i>
        </div>
         <!-- 控制左菜单显示隐藏条              结束-->
    </div>
    <!-- 脚部 -->
    <div class="foot">
        <div class="foot_style">
            <!-- 底部上划线 -->
            <!-- <div class="underline">
            </div> -->
            <div class="test">
                <span>技术支持：内蒙古遥图信息技术有限责任公司</span>
                <span>
                    使用单位：内蒙古自治区环境监测中心站（生态室）
                </span>
            </div>
        </div>
        
    </div>
</body>
<script>
//     $(function() {
//     $("#cardArea").cardArea()
// });
</script>
<script type="text/javascript">
    require([
        "jquery",
        'jquery.cookie'
    ], function ($) {
        $(function () {
            var headwidth = $(window).width();//$('body .head').width();
            var headheight = $('body .head').height();
            var windowheight = $(window).height();
            $(".slider").slideshow({
                width: headwidth,
                height: windowheight / 10,
                transition: ['bar', 'Rain', 'square', 'squareRandom', 'explode']
            });
            $('#body-right').width(headwidth);
            $.cookie('UserToken', "@Model", { expires: 7, path: '/' });
            //$("#body-right").height(windowheight - headheight);
        });
    });
    
</script>
</html>